﻿@{
    ViewBag.Title = "Danh sách học viên vắng, trượt tốt nghiệp các khóa trước";
}

<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
@*<script src="~/Scripts/jquery-1.10.2.min.js"></script>*@
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.number.js"></script>


<div class="modal-header fdb-panel-header-10">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 class="modal-title" id="myModalLabel">Danh sách học viên vắng, trượt tốt nghiệp các khóa trước</h5>
    <br />
    <strong class="text-danger">Chú ý: Chỉ hiển thị những khóa học chưa có trong báo cáo 1</strong>
</div>
<div class="modal-body fdb-panel-body-0" style="overflow:scroll; height:800px">
    <div id="tabs">


        @using (Html.BeginForm("AddHocVienKhoaTruoc", "GPS_HocVienTotNghiep", FormMethod.Post, new { enctype = "multipart/form-data", @id = "myForm" }))
        {
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            <h3 class="text-center fdb-title-search-form">Thêm học viên từ khóa trước</h3>
            <div id="tabs">
                <div id="tabs-1">
                    @Html.Hidden("IsEdit", 0)
                    <label style="color:red">@ViewBag.ErrorDate</label>

                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Tìm kiếm học viên
                        </div>
                        <div class="col-md-4">
                            <b>
                                <input type="text" placeholder="Số CMTND hoặc họ tên học viên" class="form-control" id="txtSearchKey" />
                            </b>
                        </div>
                        <div class="col-md-2 control-label">
                            Khóa học
                        </div>
                        <div class="col-md-4">
                            @Html.DropDownList("KH_MA", (SelectList)ViewBag.KH_MAs, string.Empty, new { @class = "selectpicker show-tick", @title = "Vui lòng chọn khóa học...", @id = "ddlKH_MA", @style = "font-weight:bold" })
                        </div>

                    </div>
                    <div class="row margin-top-05">
                        &nbsp;  &nbsp;  &nbsp;  <button type="button" id="btnTimKiem" class="btn btn-primary btn-sm">
                            <span class="glyphicon glyphicon-floppy-disk"></span> Tìm kiếm
                        </button>
                    </div>
                    <br /><br />

                    <h4> Kết quả tìm kiếm</h4>
                    <div class="row margin-top-05">
                        <div class="col-md-12" id="content">
                            <table class="table table-hover table-bordered table-condensed" id="patientList">
                                <tr>
                                    <th>
                                        <input type="checkbox" id="chkAll" />
                                    </th>
                                    <th>STT</th>
                                    <th>
                                        Mã học viên
                                    </th>
                                    <th>
                                        Họ và tên

                                    </th>

                                    <th>
                                        Đơn vị GTVT
                                    </th>
                                    <th>
                                        Hạng GPLX
                                    </th>
                                    <th>
                                        Hạng đào tạo
                                    </th>
                                    <th>
                                        Giới tính
                                    </th>
                                    <th>
                                        Ngày sinh
                                    </th>
                                    <th>
                                        Kết quả kỳ trước
                                    </th>
                                </tr>


                            </table>

                        </div>
                        <br />
                        <div class="col-md-12" id="content_selected">

                            <div class="row margin-top-05">

                                <div class="col-md-2 control-label">
                                    Quyết định thi TN
                                </div>
                                <div class="col-md-4">
                                    @Html.DropDownList("DTTN_DTTN_QD_ID", (SelectList)ViewBag.DTTN_QDs, new { @class = "form-control", @id = "DTTN_DTTN_QD_ID" })
                                </div>

                            </div>

                            <h4> Danh sách đã chọn</h4>

                            <table class="table table-hover table-bordered table-condensed" id="patientList_selected">
                                <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" id="chkAll_selected" />
                                        </th>
                                        <th>STT</th>
                                        <th>
                                            Mã học viên
                                        </th>
                                        <th>
                                            Họ và tên

                                        </th>

                                        <th>
                                            Đơn vị GTVT
                                        </th>
                                        <th>
                                            Hạng GPLX
                                        </th>
                                        <th>
                                            Hạng đào tạo
                                        </th>
                                        <th>
                                            Giới tính
                                        </th>
                                        <th>
                                            Ngày sinh
                                        </th>
                                        <th>
                                            Kết quả kỳ trước
                                        </th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody></tbody>


                            </table>

                        </div>

                        <div id="loader" class=" aletr" style="display:none">
                            Loading...<img src="~/Images/ajax-loader.gif" />
                        </div>
                    </div>


                </div>
            </div>
            <br />
            

        }
    </div>
    <div class="row">
        <div class="col-md-12">
            <button type="button" class="btn btn-danger btn-sm" id="btnsubmit">
                <span class="glyphicon glyphicon-floppy-disk"></span>
                <span id="spantext2">Cập nhật</span>
            </button>
            @*&nbsp;&nbsp;
                @Html.ActionLink("Quay lại", "Index", null, new { @class = "btn btn-primary btn-sm" })*@
            <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">
                <span class="glyphicon glyphicon-floppy-disk"></span> Đóng lại
            </button>
        </div>
    </div>
</div>
<div id="wait1" style="display: none; position: absolute; top: 30%; left: 15%; padding: 2px; z-index: 109999">
    <img src="~/fonts/images/loading16.gif" width="65" height="65" />
</div>

<link href="~/dist/css/bootstrap-select.css" rel="stylesheet" />
<script src="~/dist/js/bootstrap-select.js"></script>

<script>
    $('.selectpicker').selectpicker({
        liveSearch: true,
        showSubtext: true
    });
</script>
<script>

    $("#btnTimKiem").click(function () {
        //alert("1");
        $("#wait1").attr("style", "display:block;position:absolute;top: 30%; left: 15%;padding:2px; z-index:109999");
        var selectedId = $("#txtSearchKey").val();
        var kh_ma = $("#ddlKH_MA").val();
        if ((selectedId != null && selectedId != '') || (kh_ma != null && kh_ma != '')) {

            var target = $("#patientList");
            target.empty();
            var htmlHeader = '<tr>' +
                                '<th><input type="checkbox" id="chkAll" /></th>' +
                                '<th>STT</th>' +
                                '<th>Mã học viên</th>' +
                                '<th>Họ và tên</th>' +
                                '<th>Đơn vị GTVT</th>' +
                                '<th>Hạng GPLX</th>' +
                                '<th>Hạng đào tạo</th>' +
                                '<th>Giới tính</th>' +
                                '<th>Ngày sinh</th>' +
                                '<th>Kết quả kỳ trước</th>' +

                                '</tr>'
            $(htmlHeader).appendTo($("#patientList"));

            $.ajax({
                url: '@Url.Action("getHocVienKyTruoc", "GPS_HocVienTotNghiep")',
                data: { 'keysearch': selectedId, kh_ma: kh_ma },
                type: "post",
                cache: false,
                success: function (data) {
                    $("#wait1").attr("style", "display:none;position:absolute;top: 30%; left: 15%;padding:2px; z-index:109999");
                    target.empty();
                    $(htmlHeader).appendTo($("#patientList"));
                    if (data == null || data.hocviens.length == 0)
                    {
                        alert("Không có học viên thỏa mãn hoặc khóa học đã có trong báo cáo 1");
                        
                    }
                    else
                    {
                        for (var i = 0; i < data.hocviens.length; i++) {
                            var html =
                                '<tr>' +
                                    '<td><input type="checkbox" class="checkbox_1" name="chk_' + (i + 1) + '" value="' + data.hocviens[i].HV_KH_MA + '_' + data.hocviens[i].HV_DVGTVT_MA + '_' + data.hocviens[i].HV_MA + '_' + data.hocviens[i].HV_HS_TT + '_' + data.hocviens[i].KH_HANGGPLX_MA + '_' + data.hocviens[i].KH_HANGDT_MA + '"  /></td>' +
                                    '<td>' + (i + 1) + '</td>' +
                                    '<td>' + data.hocviens[i].HV_MA + '</td>' +
                                    '<td>' + data.hocviens[i].HV_HO_TEN + '</td>' +
                                    '<td>' + data.hocviens[i].HV_DVGTVT_TEN + '</td>' +
                                    '<td>' + data.hocviens[i].KH_HANGGPLX_MA + '</td>' +
                                    '<td>' + data.hocviens[i].KH_HANGDT_MA + '</td>' +
                                    '<td>' + data.hocviens[i].HV_GIOITINH + '</td>' +
                                    '<td>' + data.hocviens[i].HV_NGAYSINH + '</td>' +
                                    '<td>' + data.hocviens[i].DHV_HS_TT_TEXT + '</td>' +
                                '</tr >'
                            $(html).appendTo($("#patientList"));

                        }
                    }
                    

                },
                error: function (data) {
                    alert('error');
                    $("#wait1").attr("style", "display:none;position:absolute;top: 30%; left: 15%;padding:2px; z-index:109999");
                }
            });
        }
        else {
            var target = $("#patientList");
            target.empty();
            var htmlHeader = '<tr>' +
                                '<th><input type="checkbox" id="chkAll" /></th>' +
                                '<th>STT</th>' +
                                '<th>Mã học viên</th>' +
                                '<th>Họ và tên</th>' +
                                '<th>Đơn vị GTVT</th>' +
                                '<th>Hạng GPLX</th>' +
                                '<th>Hạng đào tạo</th>' +
                                '<th>Giới tính</th>' +
                                '<th>Ngày sinh</th>' +
                                '<th>Kết quả kỳ trước</th>' +

                                '</tr>'
            $(htmlHeader).appendTo($("#patientList"));
            $("#wait1").attr("style", "display:none;position:absolute;top: 30%; left: 15%;padding:2px; z-index:109999");
        }

    });



</script>


<script type="text/javascript">
    // $(document.body).on('click', '.update' ,function()
    //$('#patientList tbody tr td input.checkbox').on('change', function (e) {
    // $("#Table1").on("click", ".BtnPlus", addRow);
    $(document).ready(function () {
        var _index = 1;
        $('#patientList').on('change', 'input.checkbox_1', function (e) {
            // alert('1');
            if ($(this).is(':not(:checked)')) {
                // //$('#mytable').find('input[type="checkbox"]
                // var chk = $(this).closest('tr').find("input[type=checkbox]").attr("name");
                // var chk_value = $(this).closest('tr').find("input[type=checkbox]").attr("value");
                //// alert("#" + chk + "_copy" + chk_value);
                // var row1 = $("#" + chk + "_copy" + chk_value).parent().parent();
                // // alert(row1);
                // row1.remove();
                return false;
            }
            else {
                var chk_selected1 = $(this).closest('tr').find("input[type=checkbox]").attr("name");
                var chk_value_selected = $(this).closest('tr').find("input[type=checkbox]").attr("value");
                var chk_selected = "chk_copy_" + chk_selected1 + chk_value_selected;
                var _val = $('#' + chk_selected).length;
                // alert(_val);
                if (_val == 0) {
                    var chk = $(this).closest('tr').find("input[type=checkbox]").attr("name");
                    var chk_value = $(this).closest('tr').find("input[type=checkbox]").attr("value");
                    var row = $(this).closest('tr').clone();
                    row.find("input[type=checkbox]").attr("name", "chk_copy_" + chk + chk_value);
                    row.find("input[type=checkbox]").attr("id", "chk_copy_" + chk + chk_value);
                    row.find("input[type=checkbox]").attr("checked", true);
                    row.find("input[type=checkbox]").attr('readonly', true);
                    row.find("input[type=checkbox]").attr('onclick', 'return false');
                    row.find("input[type=checkbox]").attr('class', 'checkboxselected');

                    row.find('td').eq(1).text('');
                    row.find('td').eq(1).append('<span class="spanindex">(' + _index.toString() + ') </span>')
                    //row.find('td').eq(1).text(_index.toString());


                    var _td = '<td style="text-align: center; width: 100px">' +
                         ' <label class="BtnMinus" id="lblDetail_' + _index + '" style="cursor:pointer"><img src="@Url.Content("~/fonts/DELETE.GIF")" title="Xóa"  /></label>' +
                         '</td>';
                    row.find('td').eq(9).after(_td);

                    $('#patientList_selected tbody').append(row);

                    _index++;
                }


                // $(this).attr("checked", false);
            }


        });

        //check all:

        $(document).on("click", "#chkAll", function () {

            var vchecked = $(this).prop('checked');
            //  alert(checked);
            str = $(this).val();
            $("#chkAll_selected").prop('checked', vchecked);

            if (vchecked == false) {

                $(".checkbox_1").each(function (index, o) {

                    $(this).prop('checked', vchecked);
                });
                $('#patientList_selected tbody').empty();
                _index = 1;
            }
            else {

                $(".checkbox_1").each(function (index, o) {
                    str = str + $(this).val();

                    $(this).prop('checked', vchecked);

                    var chk_selected1 = $(this).attr("name");
                    var chk_value_selected = $(this).attr("value");
                    var chk_selected = "chk_copy_" + chk_selected1 + chk_value_selected;
                    var _val = $('#' + chk_selected).length;

                    if (_val == 0) {
                        var chk = $(this).attr("name");
                        var chk_value = $(this).attr("value");
                        var row = $(this).closest('tr').clone();
                        row.find("input[type=checkbox]").attr("name", "chk_copy_" + chk + chk_value);
                        row.find("input[type=checkbox]").attr("id", "chk_copy_" + chk + chk_value);
                        row.find("input[type=checkbox]").attr("checked", true);
                        row.find("input[type=checkbox]").attr('readonly', true);
                        row.find("input[type=checkbox]").attr('onclick', 'return false');
                        row.find("input[type=checkbox]").attr('class', 'checkboxselected');

                        row.find('td').eq(1).text('');
                        row.find('td').eq(1).append('<span class="spanindex">(' + _index.toString() + ') </span>')
                        //row.find('td').eq(1).text(_index.toString());


                        var _td = '<td style="text-align: center; width: 100px">' +
                             ' <label class="BtnMinus" id="lblDetail_' + _index + '" style="cursor:pointer"><img src="@Url.Content("~/fonts/DELETE.GIF")" title="Xóa"  /></label>' +
                             '</td>';
                        row.find('td').eq(9).after(_td);

                        $('#patientList_selected tbody').append(row);

                        _index++;
                    }


                });

                //  alert(str);

            }

        });


        $("#patientList_selected").on("click", ".BtnMinus", deleteRow);

        function deleteRow() {

            if (confirm("Bạn chắc chắn muốn xóa?")) {
                var par = $(this).parent().parent();
                var par2 = par.parent().parent().parent();
                par.remove();

                //Đếm tổng số span còn lại sau khi xóa:dùng để đánh lại index(STT) bản ghi span (index)
                var count2 = 0;
                par2.find("span[class='spanindex']").each(function () {
                    $(this).html('');
                    count2++;
                });

                //Đánh lại index div (k)
                if (count2 > 0) {
                    for (var i = 0; i < count2; i++) {
                        var k = i + 1;

                        par2.find("span[class='spanindex']").each(function () {
                            var valThis = $(this).html();
                            //set html cho từng phần tử của mảng eq : là các span có class=spanindex, html có giá trị =(k)
                            par2.find("span[class='spanindex']").eq(i).html('(' + k.toString() + ')');

                        });

                    }
                    //Lưu Index hiện thời sẽ bằng Count2+1
                    _index = count2 + 1;
                }
                else {
                    //Nếu count=0 thì gán Index hiện thời =1
                    _index = 1;
                }
            }

            return false;

        };

        //$("#chkAll_1").click(function () {
        //    $(".checkbox_1").not(":disabled").prop('checked',
        //        $(this).not(":disabled").prop('checked'));
        //});
        $(document).on("click", "#chkAll_1", function () {

            $(".checkbox_1").not(":disabled").prop('checked',
                $(this).not(":disabled").prop('checked')

                );

            @*var chk_selected = $(this).closest('tr').find("input[type=checkbox]").attr("name");
            var chk_value_selected = $(this).closest('tr').find("input[type=checkbox]").attr("value");
            var chk_selected ="chk_copy_"+ chk_selected  + chk_value_selected;
            var _val = $('#' + chk_selected).length;

            if (_val == 0) {
                var chk = $(this).closest('tr').find("input[type=checkbox]").attr("name");
                var chk_value = $(this).closest('tr').find("input[type=checkbox]").attr("value");
                var row = $(this).closest('tr').clone();
                row.find("input[type=checkbox]").attr("name", "chk_copy_" + chk + chk_value);
                row.find("input[type=checkbox]").attr("id", "chk_copy_" + chk + chk_value);
                row.find("input[type=checkbox]").attr("checked", true);
                row.find("input[type=checkbox]").attr('readonly', true);
                row.find("input[type=checkbox]").attr('onclick', 'return false');

                row.find('td').eq(1).text('');
                row.find('td').eq(1).append('<span class="spanindex">(' + _index.toString() + ') </span>')
                //row.find('td').eq(1).text(_index.toString());


                var _td = '<td style="text-align: center; width: 100px">' +
                     ' <label class="BtnMinus" id="lblDetail_' + _index + '" style="cursor:pointer"><img src="@Url.Content("~/fonts/DELETE.GIF")" title="Xóa"  /></label>' +
                     '</td>';
                row.find('td').eq(9).after(_td);

                $('#patientList_selected tbody').append(row);

                _index++;
            }*@

        });

        //$("#chkAll_2").click(function () {
        //    $(".checkbox_2").not(":disabled").prop('checked',
        //        $(this).not(":disabled").prop('checked'));
        //});
       
        //disable button submit:
        $('#btnsubmit').on('click', function () {
            $("#spantext2").text('Đang xử lý ...');
            $(this).attr('disabled', 'disabled');
            $("#myForm").submit();
        });


    });

</script>

